.generator{
	@include single-transition(background, 0.4s);
	position: relative;
	height:100%;
	.wrapper{}
	.title{
		color:#222222;
		font-weight:300;
		font-size:2.0em;
	}
	.subtitle{
		padding:0 10%;
		color:#66666a;
		font-weight:300;
		font-size:0.9em;
	}
	.slick-slider{
		margin-top: 60px;
	}
	.slick-slide img{
		margin: 0 auto;
	}

	.slick-dots{
		bottom: -110px;
		li{
			margin: 0 15px;
		}
		li button:before{
			content: '';
			border-radius:0px;
			padding: 2px 20px;
			background:#e3e3e3;
			margin-left: -10px;
			height: 5px;
			opacity:1;
		}
		li.slick-active button:before{
			background:#FFF;
		}
	}


	&.moments{
		background:#e6f7f8;
	}
	&.mapme{
		background:#ffdcd1;
	}
	&.voices{
		background:#e1e7f9;
	}

	.slick-prev, .slick-next{
		left: 50%;
		margin-left: -260px;
	}

	.slick-prev:before, .slick-next:before{
		@include single-transition(transform, 0.1s, ease-out);
		content:'';
		width:11px;
		height: 21.5px;
		opacity:1;
		display:inline-block;
	}

	.slick-next{
		margin-left:237px;
		&:before{
			background:url('../img/rightarrow.png');
		}
		&:hover{
			&:before{
				@include transform(translateX(5px));
			}
		}
	}

	.slick-prev{
		&:before{
			background:url('../img/leftarrow.png');
		}
		&:hover{
			&:before{
				@include transform(translateX(-5px));	
			}
		}
	}
	
	@include breakpoint(mobile){
		.slick-prev, .slick-next{
			margin:0px;
		}
		.slick-prev{
			left:10px;
		}
		.slick-next{
			left:auto;
			right:10px;
		}
	}

}